.login {
	box-sizing: border-box;
	padding: 100rpx 16rpx 30rpx;
	width: 100%;
	height: 100vh;
	background: linear-gradient(171deg, #f62645 0%, #ff7e3e 100%);

	// header
	.header {
		padding-left: 18rpx;
		padding-bottom: 38rpx;

		.title {
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			font-size: 48rpx;
			color: #ffffff;
			line-height: 66rpx;
			text-align: left;
			font-style: normal;
		}
	}

	// login-form
	.login-form {
		flex: 1;
		overflow: hidden;

		padding: 0 44rpx;
		background: #ffffff;
		border-radius: 34rpx;

		:deep(.tui-form__box) {
			flex: 0 0 0;
			height: 0;

			.tui-form__errmsg {
				padding: 0 !important;
			}
		}

		.logo {
			display: block;
			width: 164rpx;
			height: 164rpx;
			margin-top: 60rpx;
			margin-bottom: 40rpx;
		}

		// 协议
		.agreement {
			width: 100%;
			margin-top: 42rpx;

			.agreement-checkbox {
				flex: 0 0 28rpx;
				margin-right: 8rpx;

				:deep(.uni-checkbox-input) {
					width: 36rpx;
					height: 36rpx;
				}
			}

			.tip {
				flex: 1;
				width: 0;
				flex-wrap: wrap;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 22rpx;
				color: #000000;
				line-height: 32rpx;
				text-align: left;
				font-style: normal;

				.text-orange {
					color: #f74e51;
				}
			}
		}

		// 账号/密码输入框
		:deep(.tui-input__wrap) {
			border-radius: 62rpx;

			// input-label
			.tui-input__label {
				text-indent: 12rpx;
				span {
					color: #000000;
				}
			}
		}

		// 登录/注册按钮
		.login-btn {
			flex: 0 0 96rpx;
			height: 96rpx;
			background: linear-gradient(178deg, #ff7e3e 0%, #f62645 100%);
			border-radius: 62rpx;
		}

		.register-btn {
			flex: 0 0 96rpx;
			display: flex;
			align-items: center;
			color: #f74e51 !important;
			height: 96rpx;

			.register-arrow {
				margin-left: 20rpx;
				width: 36rpx;
				height: 22rpx;
			}
		}
	}
}

.con {
	.input {
		background: #fcefee;
		width: 100%;
		padding: 20rpx 30rpx;
		border-radius: 40rpx;
		font-size: 28rpx;
	}
}

.pos-b {
	position: fixed;
	bottom: 40rpx;
	width: 100%;
}

// 刷新动画
.refreshimg {
	animation: animal 1.5s infinite linear;
	-webkit-animation: animal 1.5s infinite linear;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

@keyframes animal {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
